JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/AndersMalmgren/Knockout.BindingConventions/master/src/Knockout.BindingConventions.js"></script>
<div data-name="subView"></div>

<script id="SubTestView" type="text/html">
    <span data-name="value"></span>
</script>

JavaScript

MyApp = {};
    
MyApp.TestViewModel = function() {
    this.subView = new MyApp.SubTestViewModel();
};

MyApp.SubTestViewModel = function() {
    this.value = "My Value";
};

ko.bindingConventions.init({ roots: [MyApp] });
ko.applyBindings(new MyApp.TestViewModel());