KnockoutJS binding that clears out the initial element before applying the template. Allows for server side generation of a repeatable element, that can then be rebound with Knockout

ko.bindings.templateWithClear.js

ko.bindingHandlers.templateWithClear = {
    init: function (element, valueAccessor) {
        element.innerHTML = '';

        return ko.bindingHandlers.template.init(element, valueAccessor);
    },
    update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        return ko.bindingHandlers.template.update(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext);
    }
}