JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/bowerjs/knockout/master/knockout.js"></script>
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<ul data-bind="foreach: names">
    <li data-bind="text:name "></li>
</ul>

JavaScript

var myFunction = function(text){
 var self = this;
 self.name = text + "--" ; 
}

function demoViewModel() {
  var self = this;
	var arr =  ['a', 'b', 'c'];
  self.names = ko.observableArray($.map(arr, function (element) {
        return new myFunction(element);
    }));
}
var mm = new demoViewModel();

ko.applyBindings(mm);