You could write a wrapper to the template binding that adds those options in a foreach
scenario. Perhaps something like:
ko.bindingHandlers.myTemplate = {
init: function (element, valueAccessor, allBindings, value, context) {
var options = ko.unwrap(valueAccessor());
if (options && typeof options === "object" && options.foreach) {
options.afterAdd = ko.bindingHandlers.myTemplate.afterAdd;
options.beforeRemove = ko.bindingHandlers.myTemplate.beforeRemove;
}
ko.applyBindingsToNode(element, {
template: options
}, context);
return {
controlsDescendantBindings: true
};
},
beforeRemove: function (element, data) {
console.log("remove", element, data);
ko.removeNode(element);
},
afterAdd: function (element, data) {
console.log("add", element, data);
}
};