How to stop knockout.js bindings evaluating on child elements

http://stackoverflow.com/questions/9254632/how-to-stop-knockout-js-bindings-evaluating-on-child-elements

by manchagnu

HTML

<script src="https://raw.github.com/guillaume86/knockoutify/master/index.js"></script>
<div id="x">
    <ul data-bind="foreach: people">
        <li data-bind="text: name"></li>
    </ul>
</div>

JavaScript

var el = document.getElementById("x");

var viewModel = {
    people: [{ name: "Joe" }, { name: "Domenic" }, { name: "Paul" }]
};
                         
ko.applyBindings(viewModel, el);

setTimeout(function () {
    var viewModel2 = {
        people: [{ name: "Joe2" }, { name: "Domenic2" }, { name: "Paul2" }]
    };

    ko.cleanNode(el);
    ko.applyBindings(viewModel2, el);
}, 1000);