JSFiddle - React, Tailwind, and code Playground

HTML

<div data-bind="foreach: values">
    <div>
        <label data-bind="text: name"></label>
        <input data-bind="value: value" />
    </div>
</div>

JavaScript

ViewModel = function(data) {
    this.values = ko.observableArray();
    for(var name in data) {
       this.values.push(new ValueViewModel(name, data[name]));
    }        
};

ValueViewModel = function(name, value)  {
   this.name = name;
   this.value = value;
};
        
ko.applyBindings(new ViewModel({ unknown: "unknown", moreUnknown: "foo" }));