JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-1.3.0beta.js"></script>
<div  id="root">
    <!-- ko foreach: bbArray -->
    <div data-bind="text: aaText"></div>
    <!-- /ko -->
</div>

JavaScript

function BBB(){
 
    this.bbArray = ko.observableArray([])
    
}

function AAA(val){

    this.aaText = ko.observable(val)
}

var bb = new BBB();

ko.applyBindings(bb, $('#root').get(0));
ko.cleanNode($('#root').get(0));//Doesn't work
ko.cleanNode(document);//Doesn't work

bb.bbArray.push(new AAA("AA1"));//Don't expect these to print
bb.bbArray.push(new AAA("AA2"));
bb.bbArray.push(new AAA("AA3"));
bb.bbArray.push(new AAA("AA4"));



/*

//Sample singe node that works

var aa2 = new AAA("AAA2");
ko.applyBindings(aa2, $('#root').children().get(0));
ko.cleanNode($('#root').children().get(0));

aa2.aaText("AAA_tutu");//Will not print

*/