JSFiddle - React, Tailwind, and code Playground

by Udhay

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<div data-bind="text: firstName"></div>
<ul data-bind="foreach: myListArrray">
<li>
  <span data-bind="text: $data.activity"></span> 
  <span data-bind="text: $data.activityText"></span> 
</li>
</ul>

JavaScript

var viewModel = function(){
	this.firstName = ko.observable('udhay');
  this.myListArrray = ko.observableArray();
  var myResponse = { 
  activityOne: {activity:'u01a1',activityText:'Activity text 01'}, 
  activityTwo: {activity:'u02a2',activityText:'Activity text 02'}, 
  activityThree: {activity: 'u03a3',activityText:'Activity text 03'}}
  
var errorLists= [];
Object.keys(myResponse).forEach(function(key) {
    var val = myResponse[key];
    var keyValue = key;
    //if (val != "Sucess") {
      errorLists.push(val);
      self.myListArrray.push(val);
    //}
  });
	console.log(errorLists);
};

ko.applyBindings(viewModel);